import React, { Component } from "react";
import { Redirect,Route,Switch } from "react-router-dom";
import { Layout } from 'antd';

// import {Redirect} from 'react-router-dom'

import memoryUtils from "../../utils/memoryUtils";
import LeftNav from '../../components/left-nav'
import Header from "../../components/header";

import Home from '../home/home'
import Category from '../category/category'
import Product from '../product/product'
import Role from '../role/role'
import User from '../user/user'
import Bar from '../charts/bar'
import Line from '../charts/line'
import Pie from '../charts/pie'


const { Sider,Footer,Content } = Layout;



/**
 * 后台管理的路由组件
 */
export default class Admin extends Component {

    render() {
        const user = memoryUtils.user;
        if (!user || !user._id) {
            // return <Redirect to="/login"></Redirect>
        }
        return (
            // <div>Hello：{user.username}</div>
            <Layout style={{height:'100%'}}>
                <Sider>
                    <LeftNav/>
                </Sider>
                <Layout>
                    <Header>Header</Header>
                    <Content style={{margin: 20, backgroundColor: '#fff'}}>
                        <Switch>
                            <Route path='/home' component={Home}></Route>
                            <Route path='/category' component={Category}></Route>
                            <Route path='/product' component={Product}></Route>
                            <Route path='/role' component={Role}></Route>
                            <Route path='/user' component={User}></Route>
                            <Route path='/charts/bar' component={Bar}></Route>
                            <Route path='/charts/line' component={Line}></Route>
                            <Route path='/charts/pie' component={Pie}></Route>
                            <Redirect to='/home'></Redirect>
                        </Switch>
                    </Content>
                    <Footer style={{textAlign:'center'}}>Footer</Footer>
                </Layout>
            </Layout>
        )
    }
}